.col-xs-12.app-loading-indicator-cell {
    position: absolute;
    background-color: #00000033;
    height: 100%;
    width: 100%;
    text-align: center;
}

/* Pagination Styling */
.pagination {
    font-size: 12px;
    color: #4b4f57;
    width: auto;
}
.pagination > li:first-child > a, .pagination > li:first-child > span, .pagination > li > a, .pagination > li > span {
    border:unset;
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    background-color: unset !important;
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    color: #4b4f57;
    border-bottom: 2px solid #73bb45;
}
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
    color: #4b4f57;
    border-bottom: 2px solid #73bb45;
}
.pagination > li > a, .pagination > li > span {
    padding: 6px 8px;
    color: #4b4f57;
}

nav ul li.category-bar .cat-with-subs.open .cat-bar {
    background-color: #4b4f57;
    border-color: #4b4f57;
}

/* Collapsing Bar */
.collapsing-bar {
    font-size:14px;
}
.collapsing-bar .sub-option {
    border:1px solid #4b4f57;
    font-size:14px;
    width:100%;
    padding: 12px;
    background-color:white;
}
.collapsing-bar {
    margin-bottom: 10px;
}
.collapsing-bar .bar-with-options i {
    margin-top: 2px;
}
.collapsing-bar .bar-with-options {
    margin-top: 2px;
}
.collapsing-bar i {
    margin-top: 5px;
}
/*.collapsing-bar .bar-with-options.open i {
    color:white;
}*/
.collapsing-bar .title-bar {

        width: 100%;
    	display: block;
	height: 45px;
}

.collapsing-bar .bar-with-options.open .title-bar {
	background-color: #4b4f57;
        width: 100%;
    	display: block;
	height: 45px;
}
.collapsing-bar .bar-with-options.open .title-bar div {
    color: white;
}
.collapsing-bar .bar-with-options.open div {
    color: #616470;
}
.collapsing-bar .bar-with-options.open > div, .collapsing-bar .bar-with-options.open .buttons {
    display: block;
}
.collapsing-bar .bar-with-options .title-bar > div {
    max-width:80%;
    text-transform: uppercase;
}
.collapsing-bar .bar-with-options .title-bar {
    width:100%;
    padding: 12px;
    border:1px solid #4b4f57;
}
.collapsing-bar div {
    color: #4b4f57;
    font-weight: bold;
}
.collapsing-bar .sub-option div {
    font-weight: normal;
    border-bottom: 1px solid transparent;
}
.collapsing-bar .sub-option:hover {
    text-decoration: unset;
}
.collapsing-bar .sub-option:not(.ignore-underline):hover > a div:not(.variant-options) {
    border-bottom: 1px solid #73bb45;
    width: fit-content;
    cursor: pointer;
}
.collapsing-bar .primary-option:hover > div:not(.variant-options) {
    border-bottom: 1px solid #73bb45;
    width: fit-content;
    cursor: pointer;
}
.collapsing-bar .sub-option:not(.ignore-underline):hover > .sub-filters {
    border-bottom: none !important;
    width: fit-content;
    cursor: pointer;
}
.collapsing-bar .sub-option:hover i {
    text-decoration: unset;
}
.collapsing-bar .buttons {
    margin-top:25px;
}
.collapse.in, .collapsing {
    margin-top: 0px;
}
.cat-list .collapse.in, .collapsing {
    margin-top: -10px;
}
.collapsing-bar .shipping-sub-option {
    border:1px solid #4b4f57;
    font-size:14px;
    width:100%;
    padding: 20px;
}


/* Product Filters */
.product-filter .collapsing-bar .bar-with-options.open .fa-check {
    color: #1f9ad3;
}
.product-filter .sub-option .btn {
    min-width: 40px;
}
.filter-bubble {
    background-color:#1b99d6;
    color:white;
    margin-left: 15px;
    padding: 6px 12px;
    border-radius: 15px;
}
.filter-bubble:hover {
    cursor: default;
}
.filter-bubble .fa-times {
    margin-right:5px;
}
.filter-bubble .fa-times:hover {
    cursor:pointer;
}



/* Single Order View */
.fa-print.text-primary {
    color: #1f9ad3;
    font-size: 28px;
}
.order-history-pricing {
    overflow: auto;
}
.panel-order-history {
    margin-bottom: 25px;
}
.panel-order-history:not(:first-of-type) {
    border-top: 1px solid #4b4f57;
    padding-top: 40px;
}
.order-history-specs .specs .secondary-title, .order-history-specs .specs .spec-value {
    margin-bottom: 0px;
    font-size:13px;
}


.pixelle-x-cling {
    width:24px;
    height:15px;
    display: inline-block;
    background-size:contain;
    background-image: url('https://prowebservicehost.com/sites/hub/images/test icons/arrow-white-over.png');
    background-repeat: no-repeat;
    transform: rotate(180deg);
}
.pixelle-x-dropdown {
    width:24px;
    height:10px;
    display: inline-block;
    background-size:contain;
    background-image: url('https://prowebservicehost.com/sites/hub/images/test icons/arrow-blue.png');
    background-repeat: no-repeat;
    margin-top: 5px;
}
.pixelle-x {
    width:10px;
    height:24px;
    display: inline-block;
    background-size:contain;
    background-image: url('https://prowebservicehost.com/sites/hub/images/test icons/arrow-blue-left.png');
    background-repeat: no-repeat;
}
.cat-no-subs.active .pixelle-x {
    background-image: url('https://prowebservicehost.com/sites/hub/images/test icons/arrow-white-left-over.png');
}
/* .pixelle-x-dropdown:hover, .open .pixelle-x-dropdown { */
.open .pixelle-x-dropdown {
    cursor: pointer;
    background-image: url('https://prowebservicehost.com/sites/hub/images/test icons/arrow-white-over.png');
}
/* .pixelle-x:hover {
    cursor: pointer;
    background-image: url('https://prowebservicehost.com/sites/hub/images/test icons/arrow-white-left-over.png');
} */
.vert-fallback {
    /* min-height:400px; */
}
.view-form-icon label {
    color: #4b4f57;
    font-weight: normal;
    text-transform: uppercase;
}
.specform-default .view-form-icon input, .specform-default .view-form-icon select, .specform-default .view-form-icon text, .specform-default .view-form-icon textarea {
    padding: 25px 10px 25px 10px;
}
.view-form-icon input, .view-form-icon select, .view-form-icon text, .view-form-icon textarea {
    padding: 25px 25px 25px 30px;
    border-radius: unset;
    border-color: #4b4f57;
    color: #626470;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.view-form-icon select {
    padding: 10px 25px;
    height: 52px;
}
.view-form-icon .label-info {
    background-color: unset;
    color: #73bb45;
}
.view-form-icon i {
    top: 19px;
    color: #626470;
    z-index: 10;
}
.modal-close-x {
    position: absolute;
    top: 0;
    right: 0;
    padding: 10px;
    padding-top: 0px;
    color: #1f9ad3;
}
.modal-close-x:hover {
    cursor:pointer;
}
.hr-divider {
    border-top: 1px solid #4b4f57;
    margin-top:25px;
    margin-bottom: 25px;
}
.hr-spacer {
    margin-top: 15px;
    margin-bottom: 15px;
}

body.modal-open {
    height: 100vh;
    overflow: hidden;
}
.container-view {
    /*margin-top:180px;*/
    margin-top:50px;
}
.container-view-full-width {
    /*margin-top:180px;*/
    margin-top:0px;
}

.space-between-footer {
    margin-bottom: 25px;
}
.overflow-auto {
    overflow: auto;
}
.uppercase {
    text-transform: uppercase;
}
.regular-case {
    text-transform: unset;
}
body a, body a:hover  {color: #1f9ad3;}
body .sub-option a:hover {
    text-decoration: none;
}
.full-width {
    width: 100%;
}


/* Sample Room */
.sample-room-row-divider {
  border-top: 1px solid #4b4f57;
  position: absolute;
  width: 87%;
  top: 0;
  left: 0;
}
.view-form-icon .quantity .sample-room-qty {
    min-width: 55px;
}

.view-form-icon .quantity .sample-room-qty input {
    padding: 0;
    height: 30px;
    font-size: 16px;
    min-height: unset;
    display: inline-block;
    width:30px;
    margin:4px -5px 0px -5px;
}
.button-plus, .button-minus {
    border: 1px solid #cccccc;
    background-color: unset;
}
.view-form-icon .quantity div input.button-plus {
    margin: 0px;
    padding-top:1px;
}
.view-form-icon .quantity div input.button-minus {
    margin: 0px;
    padding-top:1px;
}
.view-form-icon .quantity .sample-room-qty input::-webkit-inner-spin-button, .view-form-icon .quantity .sample-room-qty input::-webkit-outer-spin-button {
    -webkit-appearance: none;
}
.view-form-icon .quantity .sample-room-qty .fa.fa-edit {
    top: 8px;
    left: -5px;
}
.sample-room-additional-content {
    position: absolute;
    left:0;
    top: 50px;
    width: 100%;
    padding-right: 115px;
}
.sample-room-well {
    margin-bottom: 30px;
    margin-right: 30px;
    margin-left: 30px;
}
.spTable .sample-open-dropdown {
    height:300px;
    background: #f1f1f1;
}
.sub-filters {
    margin-left: 15px;
}
.img-sample-room {
    max-height: 150px;
    border: 1px solid #4b4f57;
}
.sample-open-dropdown .pixelle-x-dropdown {
    background-image: url('https://prowebservicehost.com/sites/hub/images/test icons/arrow-blue-over.png');
}
.image-preview {
    max-width: 150px;
    margin-left: 25px;
}
.sample-sheet-section {
    padding-bottom: 25px;
    margin-bottom: 25px;
}
.sample-sheet-section.has-non-sample-sheet {
    border-bottom: 1px solid #4b4f57;
}
.sample-sheet-section .user-admin-title {
    font-size: 32px;
}
.sample-sheet-section .panel-lineitem {
    background-color: #f1f1f1;
}
.sample-sheet-section .sample-sheet-grouping {
    margin-bottom: 50px;
}
.sample-sheet-section .panel-lineitem a, .sample-sheet-section .panel-lineitem a:hover {
    background-color: white;
}
.sample-sheet-section .panel-lineitem .fa-trash-o {
    font-size:25px;
    margin-top: 20px;
}
.sample-sheet-section .panel-lineitem .fa-trash-o:hover {
    cursor: pointer;
}
.sample-sheet-section .panel-lineitem .thumbnail img {
    max-height:125px;
}
.sample-sheet-section .panel-lineitem ~ .panel-lineitem {
    border-top: unset;
    margin-top: 10px;
    padding-top: 15px;
}
.sample-sheet-section .sample-sheet-attention {
    color: #1f9ad3;
}
.sample-sheet-section .kit-includes {
    font-size: 24px;
}
.header-row td:hover {
    cursor:pointer;
}
.header-row .pixelle-x-dropdown {
    width:14px;
}
.no-wrap {
    white-space: nowrap;
}
.empty-cart-image {
    height: 125px;
    background-color: white;
    max-width: 100px;
    margin-right: auto;
    margin-left: auto;
    border: 1px solid black;
}
.no-left-right-padding {
    padding-left: 0px !important;
    padding-right: 0px !important;
}
/* Modal Styling */
.modal-content {
    padding: 30px;
}
.modal-close-x {
    position: absolute;
    top: 0;
    right: 0;
    padding: 10px;
    padding-top:0px;
    color: #1f9ad3;
}
.modal-close-x:hover {
    cursor:pointer;
}
/* End Modal Styling */




/* Pagination Styling */
.pagination {
    font-size: 12px;
    color: #4b4f57;
    width: auto;
}
.pagination > li:first-child > a, .pagination > li:first-child > span, .pagination > li > a, .pagination > li > span {
    border:unset;
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    background-color: unset !important;
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    color: #4b4f57;
    border-bottom: 2px solid #73bb45;
}
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
    color: #4b4f57;
    border-bottom: 2px solid #73bb45;
}
.pagination > li > a, .pagination > li > span {
    padding: 6px 8px;
    color: #4b4f57;
}

.button-plus {
    padding: 0 !important;
    height: 30px;
    font-size: 16px;
    min-height: unset;
    display: inline-block;
    width: 30px;
}
.button-minus {
    padding: 0 !important;
    height: 30px;
    font-size: 16px;
    min-height: unset;
    display: inline-block;
    width: 30px;
}
.qty-input {
    padding: 0 !important;
    height: 30px;
    font-size: 16px;
    min-height: unset;
    display: inline-block;
    width: 30px;
	font-size: 12px;
    border: 1px solid #ddd;
text-align: center; 
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

.nextPage{
    float: right;
}

.previousPage{
    float: left;
}
.numberPage{
    padding: 6px 6px !important;
    margin: 0 3px !important;
    font-size: 10px  !important;
}

.p_button{

}
.cat-bar {
    background-color: #4b4f57;
    border-color: #4b4f57;
    color: #fff !important;
    display: block;
    padding: 20px;
    height: 60px;
    font-size: 16px;
}

.qtyInput{
 width: 32% !important;
    display: inline-block !important;
    padding: 0px;
    text-align: center;
    height: 52px;
    outline: 0 none;
    padding: 0.5em 0;
    text-align: center;
    width: 100%;
    margin: 0;
    border-radius: 0;
    border:1px #fff solid !important;
    font-size: 24px;
    color: #468847;
     position: relative;
    box-shadow: none;
    top: -3px;
}

.button-minus-1, .button-plus-1{
    width: 32.8% !important;
    display: inline-block;
    padding: 0px;
    text-align: center;
    height: 52px;
    outline: 0 none;
    padding: 0.5em 0;
    text-align: center;
    width: 100%;
    margin: 0;
    border-radius: 0;
    border-color: #dddddd;
    font-size: 24px;
    color: #468847;
    box-shadow: none;
    background-color: #f1f1f1;
}
.quantity-field-section{
    background: white;
    height: 50px;
}